﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<meta HTTP-EQUIV="expires" CONTENT="0">
<head>
  <META content="text/html; charset=utf-8" http-equiv="Content-Type">
  <TITLE>Facebook接入示例</TITLE>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  <script type="text/javascript">
	
	//catch frame1 post message
	window.addEventListener('message',function(e){
                $("#rtmp_info").attr("value", e.data);
     },false);

  </script>
	
  <style type="text/css">
	.top1 {width:400px; height:50px; margin-top: 0px;}
	.top2 {width:400px; height:300px; margin-top: 50px;}
  </style>
</head>

<body>

<div class="top1">
	<dl>
		<dt>facebook live url:</dt>
		<dd><input id="rtmp_info" name="rtmp_info" maxlength="4096" size="36" type ="text"/> </dd>
	</dl>
</div>

<div class="top2">
	<dl>
	 <dt>&nbsp;</dt>
	 <dd>
		<iframe width="400px" height="270px" name="frame1" id="frame1" src="http://47.90.210.19/index.html"/>
	</dd>
	</dl>
</div>

</body>
</html>